<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <link rel="stylesheet" type="text/css" href="oa/Css/R-accredit.css" /> 
<script src="js/jquery-1.8.3.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(".menu ul").css("display","none");    //文件准备好后，ul的样式为隐藏
        $(".menu a").on("click",function(){       //点击a的时候就执行以下函数
            $(this).next().toggle();                      //toggle提供为隐藏和显示相互转换的方法    意思是点击的这个 元素的下一个元素是显示的话就隐藏，是隐藏的话就显示
        })
    })
</script>
</head>
<body>
	<div class="left" >
		
			<p>部门管理<p>
			<div class="left-list">
				<span>普通员工</span><br/>
				<span>管理员</span><br/>
				<span>部门主管</span>
			</div>
		
	</div>
	
	<div class="right">
	<div class="right-content">
		<!--树形列表开始  -->
	<div id="tree">
<ul class="menu">
    <li><a href="#">模块类型</a>
        <ul>
            <li><input type="checkbox"/>&nbsp;<img src="oa/images/wenjianjia.jpg">&nbsp;<a href="#">我的文件夹</a>
                <ul>
                    <li><input type="checkbox"/><a href="#">收件箱</a></li>
                    <li><input type="checkbox"/><a href="#">草稿箱</a></li>
                     <li><input type="checkbox"/><a href="#">发件箱</a></li>
                    <li><input type="checkbox"/><a href="#">废件箱</a></li>
                </ul>
            </li>
            <li><input type="checkbox"/>&nbsp;<img src="oa/images/wenjianjia.jpg">&nbsp;<a href="#">系统模块</a>
                <ul>
                    <li><input type="checkbox"/><a href="#">文档1</a></li>
                    <li><input type="checkbox"/><a href="#">文档1</a></li>
                </ul>
            </li>
            <li><input type="checkbox"/>&nbsp;<img src="oa/images/wenjianjia.jpg">&nbsp;<a href="#">工作流管理</a>
                <ul>
                    <li><input type="checkbox"/><a href="#">工作流程管理</a></li>
                </ul>
            </li>
             <li><input type="checkbox"/>&nbsp;<img src="oa/images/wenjianjia.jpg">&nbsp;<a href="#">权限管理</a>
                <ul>
                    <li><input type="checkbox"/><a href="#">用户管理</a></li>
                    <li><input type="checkbox"/><a href="#">角色管理</a>
                   		<ul>
                    		<li><input type="checkbox"/><a href="#">浏览</a></li>
                    		<li><input type="checkbox"/><a href="#">新增</a></li>
                    		<li><input type="checkbox"/><a href="#">编辑</a></li>
                    		<li><input type="checkbox"/><a href="#">移动</a></li>
                    		<li><input type="checkbox"/><a href="#">删除</a></li>
                    		<li><input type="checkbox"/><a href="#">打印</a></li>
               			</ul>
                    </li>
                    <li><input type="checkbox"/><a href="#">组织管理</a></li>
                    <li><input type="checkbox"/><a href="#">模块管理</a></li>
                    <li><input type="checkbox"/><a href="#">代码管理</a></li>
                    <li><input type="checkbox"/><a href="#">数据库</a></li>
                </ul>
            </li>
        </ul>
    </li>
    </ul>
</div>
		<!--树形列表结束  -->
	</div>
		 <input class="btn" type="button" value="保存"/>
		<input class="btn" type="button" value="返回"/> 
	</div>
</body>
</html>